<%@page language="java" pageEncoding="UTF-8" contentType="text/html;charset=UTF-8"%>
<%@include file="/jsp/commons/header.jsp"%>
<!DOCTYPE html>
<html>
<head>
    <link href="${ctx}/resources/css/frame-style.css" rel="stylesheet" type="text/css" /> 
    <%@ include file="/jsp/commons/meta.jsp"%>
     <!-- DataTables -->
    <script src="${ctx}/resources/jquery/plugins/jquery.dataTables/js/jquery.dataTables.js" type="text/javascript"></script>
    <link href="${ctx}/resources/jquery/plugins/jquery.dataTables/css/jquery.dataTables_themeroller.css" type="text/css" rel="stylesheet"/>
    <link href="${ctx}/resources/jquery/plugins/jquery.dataTables/css/jquery.dataTables.css" type="text/css" rel="stylesheet"/>
    <script type="text/javascript">
        $(function(){
            $("#accordion").accordion()
            $("#userlist").click(function(){
                $("#mainbody").load("${ctx}/user/showUsers.htm");
            });
            $("#rolelist").click(function(){
                $("#mainbody").load("${ctx}/role/FindRoleList.htm");
            });
            $("#provinceStat").click(function(){
            	$("#mainbody").load("${ctx}/sales/showProvinceSales.htm");
            });
            $(".pane span").mouseenter(function(){
                $(this).css("background-color","#ACD6FF");
                $(this).css("color","#FFFFFF");
            });
            $(".pane span").mouseleave(function(){
                $(this).css("background-color","#ffffff");
                $(this).css("color","#595F5F");
            });
        })
    </script>
    <title>光交箱监控系统</title>
</head>
<body>
    <div id="container">
        <div id="header">
            <div id="headerlogo"></div>
            <div id="headercontent">
                    <br/>今天的日期是: ${loginDate} <br/>欢迎:${user.name}
                    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="toLogin.htm" color="#ffffff">退出</a>
            </div>
        </div>
        <div id="page_body">
            <div id="sidebar">
                <div id="accordion">
                    <h2 class="current">系统管理</h2>
                    <div class="pane" style="display:block">
                        <span id="userlist">用户管理</span><br/>
                        <span id="rolelist">初始化</span><br/>
                        <span>维护组管理</span><br/>
                        <span>个人资料管理</span><br/>
                    </div>
                    <h2>光交箱管理</h2>
                    <div class="pane">
                        <span id="provinceStat">光交管理</span><br>
                    </div>
                    <h2>日志管理</h2>
                    <div class="pane">
                        <span>门禁日志</span><br>
                        <span>报警日志</span><br>
                        <span>巡检日志</span><br>
                    </div>
                    <h2>数据管理</h2>
                    <div class="pane">
                        <span>数据导出</span><br>
                    </div>
                </div>
            </div>
            <div id="mainbody">
            </div>
        </div>
    </div>      
</body>
</html>